<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
  <!DOCTYPE html>
  <html lang="zh-CN">

  <head>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="renderer" content="webkit">
    <meta charset="utf-8">
    <title></title>
    <link rel="stylesheet" type="text/css" charset="UTF-8" href="/resource/layui/css/layui.css">
    <link rel="stylesheet" type="text/css" charset="UTF-8" href="/resource/css/font-awesome.min.css">
    <link rel="stylesheet" type="text/css" charset="UTF-8" href="/resource/css/simple-calendar.css" />
    <link rel="stylesheet" type="text/css" charset="UTF-8" href="/resource/css/common.css">
    <!--<link rel="stylesheet" type="text/css" charset="UTF-8" href="/resource/css/gloab.css" />-->
    <link rel="stylesheet" type="text/css" charset="UTF-8" href="/resource/css/theme/theme1.css" />
    <link rel="stylesheet" type="text/css" charset="UTF-8" href="/resource/css/default-index.css" />
  </head>

  <body>
    <div class="default_main clearfix">
      <div class="main-top clearfix">
        <h2 class="f-l">您好，${sesuser.uname }</h2>
        <div class="f-r">
          <ul class="weather_infor clearfix">
            <li> <img src="/resource/imgs/weather.png" alt="" /></li>
            <li>
              <span class="weather">32℃</span>
              <p>小雨</p>
            </li>
            <li class="date_infor">
              <span>${week}</span>
              <p>${time }</p>
              
              <div class="card_tip">
	           		<div class="tip_content">
	           			<div id = 'calendar'></div>
	           		</div>
	           	</div> 
            </li>
          </ul>
        </div>
      </div>
      <div class="main-left">
        <div class="panel wait-things common_pane">
        	<div class="layui-tab layui-tab-card " lay-filter="xbzx-cms-tab" id="xbzx-cms-tab">
	            <ul class="layui-tab-title">
	              <li class="layui-this notice"> <i></i>信息</li>
	              <li class="decide "> <i></i>工作</li>
	              <li class="rule"> <i></i>事务</li>
	              <li class="rule"> <i></i>文件</li>
	              
	              <li class="more f-r"> >></li>
	            </ul>
	            <div class="layui-tab-content">
	              <div class="layui-tab-item layui-show">
	                <table class="layui-table" lay-even="" lay-skin="nob">
		              <colgroup>
		                <col width="400">
		                <col width="150">
		                <col width="150">
		                <col width="250">
		                <col width="150">
		              </colgroup>
		              <thead>
		                <tr>
		                  <th>名称</th>
		                  <th>部门</th>
		                  <th>负责人</th>
		                  <th>状态</th>
		                  <th>截止时间</th>
		                </tr>
		              </thead>
		              <tbody>
		                <tr>
		                  <td>乌鲁木齐经济开发区中小企业产品需求</td>
		                  <td>产品部门</td>
		                  <td>张恒华</td>
		                  <td class="already"> <i></i>已处理</td>
		                  <td>2017/07/15</td>
		                </tr>
		                <tr>
		                  <td>中小企业产品需求</td>
		                  <td>产品部门</td>
		                  <td>张恒华</td>
		                  <td class="wait_deal"><i></i>待处理</td>
		                  <td>2017/07/15</td>
		                </tr>
		                <tr>
		                  <td>乌鲁木齐经济</td>
		                  <td>产品部门</td>
		                  <td>张恒华</td>
		                  <td class="dealing"> <i></i>正在进行中…</td>
		                  <td>2017/07/15</td>
		                </tr>
		                <tr>
		                  <td>乌鲁木齐经济开发区中小企业产品需求</td>
		                  <td>产品部门</td>
		                  <td>张恒华</td>
		                  <td class="pause"><i></i>暂停</td>
		                  <td>2017/07/15</td>
		                </tr>
		                <tr>
		                  <td>乌鲁木齐经济开发区中小企业产品需求</td>
		                  <td>产品部门</td>
		                  <td>张恒华</td>
		                  <td class="already"> <i></i>已处理</td>
		                  <td>2017/07/15</td>
		                </tr>
		                <tr>
		                  <td>乌鲁木齐经济产品需求</td>
		                  <td>产品部门</td>
		                  <td>张恒华</td>
		                  <td class="wait_deal"><i></i>待处理</td>
		                  <td>2017/07/15</td>
		                </tr>
		                <tr>
		                  <td>乌鲁木齐经济开发区中小企业产品需求</td>
		                  <td>产品部门</td>
		                  <td>张恒华</td>
		                  <td class="dealing"> <i></i>正在进行中…</td>
		                  <td>2017/07/15</td>
		                </tr>
		                <tr>
		                  <td>乌鲁木齐经济开发区中小</td>
		                  <td>产品部门</td>
		                  <td>张恒华</td>
		                  <td class="pause"><i></i>暂停</td>
		                  <td>2017/07/15</td>
		                </tr>
		                <tr>
		                  <td>中小企业产品需求</td>
		                  <td>产品部门</td>
		                  <td>张恒华</td>
		                  <td class="dealing"> <i></i>正在进行中…</td>
		                  <td>2017/07/15</td>
		                </tr>
		                <tr>
		                  <td>乌鲁木齐经济开发区中小企业产品需求</td>
		                  <td>产品部门</td>
		                  <td>张恒华</td>
		                  <td class="pause"><i></i>暂停</td>
		                  <td>2017/07/15</td>
		                </tr>
		                <tr>
		                  <td>新疆乌鲁木齐经济开发区中小企业产品需求</td>
		                  <td>产品部门</td>
		                  <td>张恒华</td>
		                  <td class="pause"><i></i>暂停</td>
		                  <td>2017/07/15</td>
		                </tr>
		              </tbody>
		            </table>
	              </div>
	              <div class="layui-tab-item">内容2</div>
	              <div class="layui-tab-item">内容3</div>
	              <div class="layui-tab-item">内容4</div>
	            </div>
            </div>
        </div>
      </div>
      
      <div class="main-right">
        <div class="panel public_notice common_pane">
          <div class="layui-tab layui-tab-card " lay-filter="xbzx-cms-tab" id="xbzx-cms-tab">
            <ul class="layui-tab-title">
              <li class="layui-this notice"> <i></i>通知公告</li>
              <li class="decide "> <i></i>公司决议</li>
              <li class="rule"> <i></i>公司制度</li>
            </ul>
            <div class="layui-tab-content">
              <div class="layui-tab-item layui-show">
                <ul class="notice_list">
                  <li><a href="">中小企业产品需求</a> <span class="f-r">2017/07/15</span></li>
                  <li><a href="">中小企业产品需求</a> <span class="f-r">2017/07/15</span></li>
                  <li><a href="">中小企业产品需求</a> <span class="f-r">2017/07/15</span></li>
                  <li><a href="">中小企业产品需求</a> <span class="f-r">2017/07/15</span></li>
                  <li><a href="">中小企业产品需求</a> <span class="f-r">2017/07/15</span></li>
                </ul>
              </div>
              <div class="layui-tab-item">内容2</div>
              <div class="layui-tab-item">内容3</div>
            </div>
          </div>
        </div>
        <!-- 快速入口card -->
        <div class="cards" id="card">
          <ul class="clearfix">
            <li class="leave"><a href="javascript;"><i></i><p>工作即时贴</p>
            	<div class="card_tip">
            		<div class="tip_content">
            			<ul class="news_list">
            				<li class="clearfix"><a href="" class="f-l">中小项目二期</a> <span class="f-r">2017-08-09</span></li>
            				<li class="clearfix"><a href="" class="f-l">乌鲁木齐经济开发中小企业昌吉需求调研</a> <span class="f-r">2017-08-09</span></li>
            				<li class="clearfix"><a href="" class="f-l">乌鲁木齐经济开发中小企业二期需求</a> <span class="f-r">2017-08-09</span></li>
            				<li class="clearfix"><a href="" class="f-l">乌鲁木齐经济开发中小企业</a> <span class="f-r">2017-08-09</span></li>
            			</ul>
            			<a class="more" href="">＋</a>
            		</div>
            	</div>
            </a></li>
            <li class="attendance plan_commit"><a href="javascript:;""><i></i><p>计划总结</p>
                <div class="card_tip">
            		<div class="tip_content">
            			<ul class="news_list">
            				<li><a href="">乌鲁木齐经济开发中小企业</a></li>
            				<li><a href="">乌鲁木齐经济开发中小企业</a></li>
            				<li><a href="">乌鲁木齐经济开发中小企业</a></li>
            				<li><a href="">乌鲁木齐经济开发中小企业</a></li>
            			</ul>
            			<a class="more" href="">＋</a>
            		</div>
            	</div> 
            </a></li>
            <li class="ward"><a href="javascript:;""><i></i><p>薪酬绩效</p>
            	<div class="card_tip">
            		<div class="tip_content">
            			<ul class="salary_list">
            				<li class="btt_line"><a href=""> <i></i>薪资发放记录</a></li>
            				<li><a href=""> <i></i>工作考核记录</a></li>
            			</ul>
            		</div>
            	</div> 
            </a></li>
            <li class="complaint work_bid nomar"><a href="javascript:;""><i></i><p>事务申办</p>
            	<div class="card_tip">
            		<div class="tip_content">
            			<ul class="salary_list">
            				<li class="btt_line">
            					<ul class="clearfix">
            						<li><a href=""><i></i>加班</a></li>
            						<li><a href=""><i></i>请假</a></li>
            						<li><a href=""><i></i>报销</a></li>
            						<li><a href=""><i></i>用款</a></li>
            					</ul>
            				</li>
            				<li>
            					<ul class="clearfix">
            						<li><a href=""><i></i>采购</a></li>
            						<li><a href=""><i></i>转正</a></li>
            						<li><a href=""><i></i>晋升</a></li>
            						<li><a href=""><i></i>报名</a></li>
            					</ul>
            				</li>
            			</ul>
            		</div>
            	</div> 
            </a></li>
            <li class="leave file_search"><a href="javascript:;"><i></i><p>文件查询</p>
            	<div class="card_tip">
            		<div class="tip_content">
            			<form class="search"><input class="text_inpt" type="text" placeholder="请输入文件名关键字"/><button class="submit" type="submit" value="">搜索</button></form>
            			<div class="file_show">
            				<ul class="file_list clearfix">
	            				<li><a href=""> <i></i>工作考核记录</a></li>
	            				<li><a href=""> <i></i>薪资发放记录</a></li>
	            				<li><a href=""> <i></i>工作考核记录</a></li>
	            				<li><a href=""> <i></i>薪资发放记录</a></li>
	            			</ul>
	            			<a href="" class="more_file">全部</a>
            			</div>
            		</div>
            	</div> 
            </a></li>
            <li class="leave soft"><a href="javascript:;""><i></i><p>常用软件</p>
            	<div class="card_tip">
            		<div class="tip_content">
            			<ul class="salary_list">
            				<li class="btt_line">
            					<ul class="clearfix">
            						<li><a href=""><i></i>photoshop</a></li>
            						<li><a href=""><i></i>illustration</a></li>
            						<li><a href=""><i></i>office 2007</a></li>
            						<li><a href=""><i></i>office 2007</a></li>
            					</ul>
            				</li>
            				<li>
            					<ul class="clearfix">
            						<li><a href=""><i></i>illustration</a></li>
            						<li><a href=""><i></i>office 2007</a></li>
            						<li><a href=""><i></i>photoshop</a></li>
            						<li class="more_soft"><a href="">更多</a></li>
            					</ul>
            				</li>
            			</ul>
            		</div>
            	</div> 
            </a></li>
            <li class="leave"><a href="javascript:;""><i></i><p>标准规范</p></a></li>
            <li class="complaint nomar"><a href="javascript:;""><i></i><p>建议反馈</p>
            	<div class="card_tip">
            		<div class="tip_content">
            			<form>
            				<textarea rows="3" cols="" placeholder="请输入建议反馈内容"></textarea>
            				<p><button class="f-r" type="submit">发送</button></p>
            			</form>
            		</div>
            	</div> 
            </a></li>
          </ul>
        </div>
      </div>
    </div>
    <script src="/resource/layui/layui.js" charset="utf-8" type="text/javascript"></script>
    <script type="text/javascript" src="/resource/js/simple-calendar.js"></script>
    <script>
      layui.use(['layer', 'laypage', 'element'], function() {
        var layer = layui.layer,
        	$ = layui.jquery,
          laypage = layui.laypage,
          element = layui.element();

        /*	  //监听Tab切换
        	  element.on('tab(demo)', function(data){
        	    layer.msg('切换了：'+ this.innerHTML);
        	    console.log(data);
        	  });*/
        /*日历插件引用  */
        var options = {
	      width: '100%',
	      height: '100%',
	      language: 'CH', //语言
	      showLunarCalendar: false, //阴历
	      showHoliday: true, //休假
	      showFestival: true, //节日
	      showLunarFestival: true, //农历节日
	      showSolarTerm: true, //节气
	      showMark: false, //标记
	      timeRange: {
	        startYear: 1900,
	        endYear: 2049
	      },
	      theme: {
	        changeAble: true,
	        weeks: {
	          backgroundColor: '#fff',
	          fontColor: '#595757',
	          fontSize: '14px',
	        },
	        days: {
	          backgroundColor: '#ffffff',
	          fontColor: '#595757',
	          fontSize: '12px'
	        },
	        todaycolor: '#fff',
	        activeSelectColor: '#fff',
	      }
	    } 
        var myCalendar = new SimpleCalendar('#calendar',options);
       	  
        /* 快速入口card .date_infor万年历 *//*  */
        $('#card>ul>li,.date_infor').hover(function(){
        	$(this).find('.card_tip').fadeIn(100);
        },function(){
        	$(this).find('.card_tip').fadeOut(100);
        })		
        	  
      });
    </script>
  </body>

  </html>